<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />

    <title>表格</title>
    <!--preload-links-->
    <!--app-context-->
	<style>
		table td{
			padding: 10px;
			font-size: 14px;
		}
	</style>
  </head>
  <body>
    <div id="app">
		<table style="width: 800px;margin: 0 auto;border-collapse:collapse;" border="1">
			<tr>
				<td colspan="4" style="font-size: 26px;font-weight: bold;text-align: center;letter-spacing: 20px;">沪上串串送货</td>
			</tr>
			<tr>
				<td colspan="4">
					<span style="width:52%;display: inline-block;">订单号：44444444444</span>
					<span>订单时间：444444444</span>
				</td>
			</tr>
			<tr>
				<td colspan="3">
					<div>收货人信息：44444</div>
					<div>联系方式：44444</div>
					<div>收货地址：44444</div>
				</td>
				<td>
					买家留言
				</td>
			</tr>
			<tr>
				<td width="5%">序号</td>
				<td width="40%">商品信息</td>
				<td width="5%">数量</td>
				<td width="20%">单位</td>
			</tr>
			<tr>
				<td width="5%">1</td>
				<td width="40%">传手工</td>
				<td width="5%">1</td>
				<td width="20%">44</td>
			</tr>
			<tr>
				<td colspan="4">
					<span style="width:15%;display: inline-block;">数量：46</span>
					<span style="width:15%;display: inline-block;">运费：46</span>
					<span>实付：444444444</span>
				</td>
			</tr>
			<tr>
				<td colspan="4">
					
					<div>联系人：44444</div>
					<div>联系方式：44444</div>
				</td>
			</tr>
			<tr>
				<td colspan="4">
				</td>
			</tr>
		</table>
	</div>
  </body>
</html>
